<template>
  <div class="common-layout">
    <el-container>
      <el-aside class="radius-small" >
        <siderBar></siderBar>
      </el-aside>
      <el-main>
        <!-- <img alt="Vue logo" src="../assets/logo.png" /> -->
        <router-view></router-view>
        <!-- <HelloWorld msg="Hello Vue 3 + TypeScript + Vite"></HelloWorld> -->
      </el-main>
    </el-container>
  </div>
</template>

<script lang="ts">
import '@antv/x6-vue-shape'
import siderBar  from './siderBar.vue'
import HelloWorld from './HelloWorld.vue'
import index01  from './index01.vue'
export default {
    name: 'Home',
    components:{
        HelloWorld,
        siderBar,
        index01
    },
    mounted () {}
}
</script>

<style scoped>
.radius-small {
  border: 1px solid var(--el-border-color);
  border-radius: --el-border-radius-small;
  margin-top: 20px;
}
</style>